﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Distributed</title>

    <link href="flexdistribute.css" rel="stylesheet" />
</head>
<body>
    <div class="flexdistribute fragment">
        <section aria-label="Main content" role="main">
            <div class="explanation">Flexboxes have good influence over the layout of their children. Here a flexbox distributes its children automatically.</div>
            <div id="flexboxDistribute">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </section>
    </div>
</body>
</html>
